<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>Svelte app</title>

    <link rel="stylesheet" href="/global.css" />
    <link rel="stylesheet" href="/bundle.css" />

    <script src="/bundle.js"></script>
    <script src="./events.js"></script>
  </head>

  <body></body>
  <script>
    // eslint-disable-next-line
    const component = new rrwebPlayer({
      target: document.body,
      props: {
        events,
        skipInactive: true,
        showDebug: false,
        showWarning: false,
        autoPlay: true,
        mouseTail: {
          strokeStyle: 'yellow',
        },
      },
    });
    window.$c = component;
    component.addEventListener('finish', () => console.log('finish'));
  </script>
</html>
